<template>
    <el-card style="width: 190px">
        <div slot="header" class="sourcesName" align="center">
            {{sourcesName}}
        </div>
        <div class="desc">{{sourcesDesc}}</div>
    </el-card>
</template>

<script>
    export default {
        name: "SourceCard",
        props: ["sourcesName", "sourcesDesc"],
        data() {
            return {}
        }

    }
</script>

<style scoped>
    .sourcesName {
        font-size: large;
        color: #67c23a;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;

    }

    .desc {
        font-size: small;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

</style>